<template>
  <div class="tablePage">
    <tableMain>
      <template v-slot:hearder>
        <tableHearder
          :hearderData="hearderData"
          @setTable="setTable"
          @addTable="addTable"
        ></tableHearder>
      </template>
      <template v-slot:table>
        <tableList :clumnData="clumnData"></tableList>
      </template>
    </tableMain>
  </div>
</template>
<script>
import tableHearder from "../components/tablePage/tableHearder.vue";
import tableMain from "../components/tablePage/table.vue";
import tableList from "../components/tablePage/tableList.vue";
export default {
  name: "tableManage",
  components: {
    tableMain,
    tableHearder,
    tableList,
  },
  data() {
    return {
      hearderData: {
        title:
          "添加删除餐桌-哪些餐桌是空闲哪些是堂食 查看餐桌详情，点菜信息 可以加菜",
        label: "餐桌编号",
        hint: "请输入餐桌编号",
        btn1: "查询",
        btn2: "添加餐桌",
      },
      clumnData:[
        {name:'food_table_number', title:'桌号',width:120},
        {name:'food_table_action', title:'使用状态',width:200},
        {name:'food_table_seat', title:'餐桌位数',width:80},
        {name:'food_table_usingTime', title:'开桌时间',width:240},
        {name:'food_table_type', title:'餐桌类型',width:80},
        {name:'food_table_peoples', title:'就餐人数',width:80},
      ],
      value: null,
    };
  },
  methods: {
    setTable(val) {
      this.value = val;
    },
    addTable() {},
  },
  computed: {},
  watch: {},
};
</script>
<style lang="less" scoped>
.tablePage {
  padding: 0 32px;
}
</style>